{% extends "common/layout1.html" %}
{% block content %}



    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
            <div class="row">
                <div class="col-sm-10 ">
                    {#                    <h2>{{ evaluateinfo[0].userinfo.name }}({{ evaluateinfo[0].sap }})#}
                    {#                    </h2>#}
                    <div class="page-header">
                        <h1>{{ evaluateinfo[0].userinfo.name }}<small> SAP:{{ evaluateinfo[0].sap }}</small></h1>
                        <h4>
                            <span class="label label-primary">{{ evaluateinfo[0].userinfo.sex }}</span>
                            <span class="label label-info">{{ evaluateinfo[0].userinfo.age }}岁</span>
                            <span class="label label-danger">{{ evaluateinfo[0].userinfo.company }}</span>
                            <span class="label label-warning">{{ evaluateinfo[0].userinfo.department }}</span>
                            <span class="label label-success">{{ evaluateinfo[0].userinfo.post }}</span>
                        </h4>
                    </div>


                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-lg-12">
            <div class="col-sm-8 col-sm-offset-1" >
                <div class="row">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#one" aria-controls="one" role="tab" data-toggle="tab">工作经历
                                <span class="badge"></span>
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#two" aria-controls="two" role="tab" data-toggle="tab">毕业院校
                                <span class="badge"></span>
                            </a>
                        </li>

                        <li role="presentation">
                            <a href="#three" aria-controls="three" role="tab" data-toggle="tab">外派意愿
                                <span class="badge"></span>
                            </a>
                        </li>

                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="one">
                            <row class="data-table">
                                <div class="panel panel-default" style="margin-top: -1px">
                                    <div class="panel-body">
                                        <p>{{ evaluateinfo[0].userinfo.experience|safe }}</p>
                                    </div>
                                </div>
                            </row>
                        </div>

                        <div role="tabpanel" class="tab-pane" id="two">
                            <row class="data-table">
                                <div class="panel panel-default" style="margin-top: -1px">
                                    <div class="panel-body">
                                        <p>{{ evaluateinfo[0].userinfo.college|safe }}</p>
                                    </div>
                                </div>
                            </row>
                        </div>

                        <div role="tabpanel" class="tab-pane" id="three">
                            <row class="data-table">
                                <div class="panel panel-default" style="margin-top: -1px">
                                    <div class="panel-body">
                                        <p>外派意愿：{{ evaluateinfo[0].wpyy }}<br/>外派地：{{ evaluateinfo[0].wpd }}</p>
                                    </div>
                                </div>
                            </row>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>




    <div class="row">
        <div class="col-sm-8 col-sm-offset-1">
            {% for item in evaluateinfo %}

                <div class="panel panel-primary">
                    <div class="panel-heading"><b>评价日期</b>:{{ item.date }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>评价人</b>:{{ item.pjrinfo.name }}&nbsp;&nbsp;&nbsp;<b>评价人关系</b>:{{ item.pjrgx }}
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item list-group-item-info"><b>工作业绩</b></li>
                    </ul>
                    <div class="panel-body">
                        <p>{{ item.yjcontent|safe }}</p>
                    </div>

                    <ul class="list-group">
                        <li class="list-group-item list-group-item-info"><b>综合评价</b></li>
                    </ul>

                    <table class="table table-bordered table-hover">
                        <tr>
                            <th style="text-align: center">能力:{{ item.nl }}</th>
                            <th style="text-align: center">业绩:{{ item.yj }}</th>
                        </tr>
                    </table>

                    <div class="panel-body">
                        <p>{{ item.content|safe }}</p>
                    </div>
                </div>

            {% endfor %}
        </div>
    </div>



{% endblock %}



{% block js %}
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment-with-locales.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>


{% endblock %}

